<template>
  <div class="ptInfo">
    <div class="pt-price">
      <div class="pt-price-left">
        <p class="p1"><em>￥</em>{{ pt.price }}</p>
        <p><em>￥</em>{{ pt.otPrice }}</p>
      </div>
      <div class="icon"><van-icon name="share-o" /></div>
    </div>
    <h3>{{ pt.storeName }}</h3>
    <div class="tip">
      <p>类型:{{ pt.people }}人团</p>
      <p>累计销量:{{ pt.ficti + pt.sales }}</p>
      <p>限购:118 {{ pt.unitName }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "PinTuanHui",
  props: ["pt"],

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.ptInfo {
  padding: 10px;
  margin: 10px;
  background-color: #fff;
  .pt-price {
    display: flex;
    justify-content: space-between;
    .pt-price-left {
      display: flex;
      align-items: baseline;
      .p1 {
        font-size: 24px;
        color: #ff448f;
      }
      p {
        color: #82848f;
        font-weight: 400;
        em {
          font-size: 12px;
          font-style: normal;
        }
      }
    }
    .icon {
      width: 10vw;
      text-align: right;
    }
  }
  h3 {
    width: 90vw;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
  }
  .tip {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    p {
      font-size: 12px;
      color: #82848f;
    }
  }
}
</style>
